<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>获取或设置元素内容</title>
    <script src="lib/jQuery-v3.6.0.min.js"></script>
  </head>
  <body>
    <div>
      <span>我是内容</span>
    </div>
    <input type="text" value="请输入内容" />

    <script>
      $(function () {
        // // 1、获取元素内容（包含标签）
        // console.log($('div').html())
        // // 2、设置元素内容
        // $('div').html('123')

        // // 3、获取元素文本内容（只获取内容）
        // console.log($('div').text())
        // // 4、设置元素文本内容
        // $('div').text('456')

        // 5、获取表单元素的值
        console.log($('input').val())
        // 6、设置表单元素的值
        $('input').val('123')
      })
    </script>
  </body>
</html>
